﻿
	*
	{
		margin: 0px;
		padding: 0px;
		color: #346389;
		font-family: trebuchet ms, arial, sans-serif;
	}

	body, html
	{
		background: #C0DEED;
	}

	ul li { margin-left: 20px; }
	
	.header 
	{
		 background: #8EC2DA; 
	}
	
	#scroller
	{
		background: #8EC2DA url(images/cloud.jpg) repeat-x;	
		background-position: 0px 10px;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 180px;	
	}

	.header .inner		
	{
		margin: 0px auto;	
		width: 800px;	
		position: relative;
	}		
	
	.header .inner .logo img		
	{
		margin: 23px 0px 13px;
	}
	
	.header .ghost		
	{
		background:  url(images/white-alpha.png);
		text-align:center;
		color: #123;
		padding: 8px 0px 8px 0px;
		border-bottom: 3px dotted #39c;
		border-top: 3px dotted #39c;
	}
	
	.header .ghost span
	{
		margin: 0px 10px 0px 10px;
	}
	
	.header .inner .login		
	{
		position: absolute;
		top: 44px;
		right: 0px; 
		width: 200px;
		height: 64px;
		 
		background: url(images/white-alpha.png);
	}
	
	
	.header .inner .login a.btn, 
	.header .inner .login span.connecting, 
	.header .inner .login  a.bigbutton		
	{
		display: block;
		
		position: absolute;
		top: 18px;
		left: 20px;
		width: 160px;
		height: 24px;
		
		border: 1px solid #fff;
		background: #549DE0 url(images/button-back.jpg);
		color: #fff;
		text-align: center;
		text-decoration: none;
		letter-spacing: 0.05em;
		font-weight: bold;	
		padding-top: 2px;
	}
					
	#login_options  
	{			
		padding: 5px;
		font-size: 10pt;
		background: url(images/white-alpha.png);
		text-align: right;
		width: 700px;		
	}
	
	#login_options b
	{
		color: #25f;
	}
	
	#login_options a.loginsmall
	{
		display: inline-block;
		background: #549DE0;
		width: 100px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		padding: 2px;
		border: 1px solid #fff;
	}

	
	
	.header .inner .right		
	{ 
	   position: absolute;
	   right: 210px;
	   top: 44px;
	   width: 245px;
	   height: 46px;
	   padding: 18px 2px 0px 0px;
	   text-align:right;
	   background: url(images/white-alpha.png);
	}
		
	.header .inner .right *	
	{
		font-size: 12px;
		color: #25a;	
	}

	.header .inner .right a:hover	
	{
		text-decoration: underline;
		color: #25f;
	}

	.header .inner .right span	
	{
		position: relative;
		top: -2px;
		padding: 5px;
	}
	
	.page
	{
		margin: 15px auto;	
		width: 800px
	}

	.page .ghost
	{
		background:  url(images/white-alpha.png);
		padding: 10px;
	}

	.page .wrap
	{
		background: #C0DEED;
		border-top: 4px solid #8EC2DA;
		border-bottom: 4px solid #8EC2DA;
		position: relative;
	}

	.page .wrap .inner
	{
		background: #fff;
		padding: 20px 0px 20px 0px;
	}
	
	.page .wrap .inner p,
	.page .wrap .inner ul li
	{
		font-size: 13px;
	}
	
	.page .wrap .inner p,
	.page .wrap .inner ul
	{
		padding-top: 5px;
	}
	

	.float 
	{
		float: left;
		width: 380px;	
		margin-left:10px;
		margin-bottom: 20px;
	}
	
		

	.blue *  { 	color: #346389; } 
	.blue h3 { border-bottom: 2px solid #8EC2DA; }

	.red *  { color: #893463; }
	.red h3	{ border-bottom: 2px solid #DA8EC2; }

	.green *  { color: #638934; }
	.green h3	{ border-bottom: 2px solid #C2DA8E; }

	.grey *  { color: #535353; }
	.grey h3	{ border-bottom: 2px solid #ABABAB; }
	
	a.feedback { color: #d42; text-decoration: none; } 
	a.feedback:hover { text-decoration: underline; } 

	.footer 
	{
		text-align: right;
		padding-right: 20px;
		margin: 0px auto;	
		width: 800px;	
	}
	
	
	
	.footer a
	{
		color: #444;
		font-size: 13px;
		text-decoration: none;
	}
	
	.footer a:hover
	{
		color: #24f;
		text-decoration: underline;
	}	
	
	.footer span
	{
		padding: 0px 10px 0px 10px;
	}
	
	.title,	.DisplayNone { display: none; }
	
	